<template>
	<div class="bg">
		<topNav />
		<leftNav />
		<router-view />
		<!--		<div class="bottom">{{ copyright }}</div>-->
	</div>
</template>

<script setup lang="ts">
import topNav from "./topnav.vue";
import leftNav from "./leftNav.vue";
const copyright = computed(() => BASE_CONFIG.copyright);
</script>

<style lang="scss" scoped>
.bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #2b3a5b 0%, #1a2b45 100%);
	// z-index: -1;
	overflow: hidden !important;
	&::before {
		@apply pointer-events-none fixed z-10 h-full w-full;
		content: "";
		// background: url(@img/main/mask.png) no-repeat;
		background-size: 100% 100%;
	}
	.bottom {
		@apply absolute bottom-2 m-auto w-full text-center;
		font-size: 14px;
		color: rgba(255, 255, 255, 0.6);
	}
}
</style>
